<!-- 显示用户头像和姓名基本组件 -->
<template>
<view>
		<view class="carImg">
			<image class="images" :src="dataSroce.avatar" mode=""></image>
			<div class="text-style">
				<text class="titles">{{dataSroce.realName}}</text><br>
				<text class="titles">{{dataSroce.officeName}}</text>
			</div>
			<i class="iconfont icon-xiangyou icon-list-tow"></i>
		</view>
</view>
</template>
		
<script>
export default {
	props: {
		datasoce:{
			default:''
		}
	},
	data() {
		return {
			dataSroce: ''
		}
	},
	created(){
		this.dataSroce = this.datasoce[0];
		
	},
	methods:{
		
	}
}
	
</script>

<style scoped lang="scss">
	.carImg{
		height: 180rpx;
		background-color: #fff;
		 .images {
			 float: left;
			 width: 100rpx;
			 height: 100rpx;
			 margin:40rpx;
		 }
		 .text-style {
			 padding: 45rpx 20rpx 40rpx 10rpx;
			 float: left;
		 }
		 .icon-list-tow {
			float: right;
			padding: 80rpx 40rpx 10rpx 10rpx;
		 }
	}
	
	
</style>
